@extends('home.cart.layout')
@section('title','我的购物车-小米商城')
@section('header-title','我的购物车')
@section('header-message','温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算')
@section('con')
<div class="page-main">

    <div class="container">
        <div class="cart-loading loading hide" id="J_cartLoading">
            <div class="loader"></div>
        </div>
        <?php if(empty($carts)){ 
            echo '<div class="cart-empty " id="J_cartEmpty">
                <h2>您的购物车还是空的！</h2>
                <p class="login-desc">登录后将显示您之前加入的商品</p>
                <a href="#" class="btn btn-primary btn-login" id="J_loginBtn" >立即登录</a>
                <a href="" class="btn btn-primary btn-shoping J_goShoping" >马上去购物</a>
            </div>';
        }?>
        <div id="J_cartBox" class="">
            <div class="cart-goods-list">
                <?php if(!empty($carts)){
                        echo   '<div class="list-head clearfix">
                                <div class="col col-check checkall"><i class="iconfont icon-checkbox" id="selectAll"></i>全选</div>
                                <div class="col col-img">&nbsp;</div>
                                <div class="col col-name">商品名称</div>
                                <div class="col col-price">单价</div>
                                <div class="col col-num">数量</div>
                                <div class="col col-total">小计</div>
                                <div class="col col-action">操作</div>
                            </div>';
                 }?>

                <div class="list-body clearfix" id="J_cartListBody">
                <?php $total = ''; 
                if(!empty($carts)){ ?>  
                    @foreach($carts as $k=>$v)  
                        <?php  $total += $v->goods_info_price*$v->cart_num; ?>
                    	<div class="item-box"> 
                        <div class="item-table J_cartGoods"> 
                    		<div class="item-row clearfix"> 
                            <div class="col col-check checkid">
                    			<i id="goodsInfo" class="iconfont icon-checkbox  J_itemCheckbox"></i>  
                    		</div> 
                    		<div class="col col-img">  
                    			<a href="" target="_top"> 
                    				<img alt="" src="{{asset($v->goods_info_img)}}" width="80" height="80"> 
                    			</a>  
                    		</div> 
                    		<div class="col col-name">  
                    			<div class="tags">   
                    			</div>  
                    			<h3 class="name">  
                    			<a href="" target="_top"> {{$v->goods_name.'&nbsp;'.$v->goods_info_color}} 
                    			</a>  
                    			</h3>   
                    			<p class="desc"> <span>适配机型：</span> {{$v->goods_info_type}} </p>     
                    			  
                    		</div> 
                    		<div class="col col-price single" id="single"> {{$v->goods_info_price}}元 </div> 
                    		<div class="col col-num cnum">  
                    			<div class="change-goods-num clearfix J_changeGoodsNum"> 
                    				<a href="javascript:void(0)" class="Del">
                    					<i class="">-</i>
                    				</a>
                                    <input type="hidden" name="goods_id" value="{{$v->goods_id}}"> 
                                    <!-- 遍历次数 -->
                                    <input type="hidden" name="num" value="<?php echo $k; ?>"> 
                    				<input tyep="text" value="{{$v->cart_num}}" name="cart_num" class=""> 
                    				<a href="javascript:void(0)" class="Add">
                    					<i class="">+</i>
                    				</a>  
                    			</div>  
                    		</div> 
                    		<div class="col col-total stotal"> {{$v->goods_info_price*$v->cart_num}}元 
                    			<p class="pre-info">  </p> 
                    		</div> 
                    		<div class="col col-action"> 
                    			<a id="2163700021_0_buy" data-msg="确定删除吗？" href="javascript:void(0);" title="删除" class="del J_delGoods">
                    				<i class="iconfont clearcart">×</i>
                                    <input type="hidden" name="num" value="<?php echo $k; ?>">
                    			</a> 
                    		</div> 
                    	</div> 
                    </div>
                </div>
                @endforeach
            <?php }   ?>
        </div>
       
    </div>
    <!-- 加价购 -->
   
    
    <div class="cart-bar clearfix" id="J_cartBar">
        <div class="section-left">
            <a href="" class="back-shopping J_goShoping">继续购物</a>
            <span class="cart-total">共 <i id="J_cartTotalNum">1</i> 件商品，已选择 <i id="J_selTotalNum">1</i> 件</span>
            <span class="cart-coudan hide" id="J_coudanTip">
                ，还需 <i id="J_postFreeBalance"></i> 元即可免邮费  <a href="javascript:void(0);" id="J_showCoudan">立即凑单</a>
            </span>
        </div>
        
        <span class="total-price">
            合计（不含运费）：<em id="J_cartTotalPrice"><?php echo $total; ?></em>元
        </span>
        <a href="javascript:void(0);" class="btn btn-a btn btn-primary" id="goCheckout">去结算</a>
        
        <div class="no-select-tip hide" id="J_noSelectTip">
            请勾选需要结算的商品
            <form action="{{asset('/home/order/add')}}" method="post">
                {{ csrf_field() }}
            </form>
        </div>
    </div>
</div>
        
    <div class="cart-recommend hide" id="J_historyRecommend"></div>
    <div class="cart-recommend container" id="J_miRecommendBox">
    	<h2 class="xm-recommend-title">
    		<span>买购物车中商品的人还买了</span>
    	</h2>
    	<div class="xm-recommend">
    		<ul class="row" data-carousel-list="true"> 
    			<li class="J_xm-recommend-list span4">  
        			<a target="_top" href=""> 
        				<img src="{{asset('/Cate/gouwuche.jpg')}}" alt="" width="100%" height="300px"> 
        			</a>  
    			</li> 
    			<li class="J_xm-recommend-list span4"> 
        			<dl> 
        				<dt> 
	        				<a href=""> 
	        					<img src="{{asset('/Cate/pms_1474888072.78155129.jpg')}}" srcset="" alt="小米5s 智能立显点阵式保护套"> 
	        				</a> 
        				</dt> 
        				<dd class="xm-recommend-name"> 
	        				<a href=""> 小米5s 智能立显点阵式保护套 
	        				</a> 
        				</dd> 
        				<dd class="xm-recommend-price">79元
        				</dd> 
        					<dd class="xm-recommend-tips">   1789人好评    
        						<a href=""  class="btn btn-small btn-line-primary J_xm-recommend-btn">加入购物车
        						</a>  
        					</dd> 
        					<dd class="xm-recommend-notice">
        					</dd> 
        			</dl>  
        		</li> 
        		<li class="J_xm-recommend-list span4">  
	        		<dl> 
	        			<dt> 
		        			<a href=""> 
		        				<img src="{{asset('/Cate/pms_1480578099.64421184.jpg')}}" srcset="" alt="小米手机5s 弧边高透贴膜"> 
		        			</a> 
	        			</dt> 
	        			<dd class="xm-recommend-name"> 
	        				<a href=""> 小米手机5s 弧边高透贴膜 
	        				</a> 
	        			</dd> 
	        			<dd class="xm-recommend-price">29元</dd> 
	        			<dd class="xm-recommend-tips">   23人好评    
	        				<a href="" class="btn btn-small btn-line-primary J_xm-recommend-btn" style="display: none;">加入购物车
	        				</a>  
	        			</dd> 
	        			<dd class="xm-recommend-notice"></dd> 
	        		</dl>  
        		</li> 
        		<li class="J_xm-recommend-list span4">  
        			<dl> 
        				<dt> 
	        				<a href=""> 
	        					<img src="{{asset('/Cate/pms_1482136306.7944683.jpg')}}" srcset="" alt="小米5s 标准高透贴膜"> 
	        				</a> 
        				</dt> 
        				<dd class="xm-recommend-name"> 
        					<a href=""> 小米5s 标准高透贴膜 
        					</a> 
        				</dd> 
        				<dd class="xm-recommend-price">19元</dd> 
    					<dd class="xm-recommend-tips">   3140人好评    
    						<a href="" class="btn btn-small btn-line-primary J_xm-recommend-btn">加入购物车</a>  
    					</dd> 
        				<dd class="xm-recommend-notice"></dd> 
        			</dl>  
        		</li> 
        		<li class="J_xm-recommend-list span4">  
        			<dl> 
        				<dt> 
        					<a href=""> 
        						<img src="{{asset('/Cate/pms_1482221011.26064844.jpg')}}" srcset="" alt="小米指环支架"> 
        					</a> 
        				</dt> 
        				<dd class="xm-recommend-name"> 
        					<a href=""> 小米指环支架 
        					</a> 
        				</dd> 
        				<dd class="xm-recommend-price">19元</dd> <dd class="xm-recommend-tips">   3083人好评    
        					<a href="" class="btn btn-small btn-line-primary J_xm-recommend-btn">加入购物车
        					</a>  
        				</dd> 
        				<dd class="xm-recommend-notice">
        				</dd> 
        			</dl>  
        		</li> 
        		<li class="J_xm-recommend-list span4">  
    				<dl> 
    					<dt> 
    						<a href=""> 
    							<img src="{{asset('/Cate/pms_1476688193.46995320.jpg')}}" srcset="" alt="10000mAh小米移动电源2"> 
    						</a> 
    					</dt> 
    					<dd class="xm-recommend-name"> 
    						<a href=""> 10000mAh小米移动电源2 
    						</a> 
    					</dd> 
    					<dd class="xm-recommend-price">79元</dd> 
    					<dd class="xm-recommend-tips">   1.4万人好评    
    						<a href="" class="btn btn-small btn-line-primary J_xm-recommend-btn">加入购物车
    						</a>  
    					</dd> 
    					<dd class="xm-recommend-notice"></dd> 
    				</dl>  
	        	</li> 
	        	<li class="J_xm-recommend-list span4">  
	        		<dl> 
	        			<dt> 
	        				<a href=""> 
	        					<img src="{{asset('/Cate/pms_1478248721.42297795.jpg')}}" srcset="" alt="小米蓝牙耳机青春版"> 
	        				</a> 
	        			</dt> 
	        			<dd class="xm-recommend-name"> 
	        				<a href="" data-stat-method="1_11" data-stat-index="6" data-stat-text="小米蓝牙耳机青春版" target="_top" data-stat-pid="stat_购物车.购物车推荐_6_1_11" data-stat-aid="小米蓝牙耳机青春版" data-stat-id="小米蓝牙耳机青春版+stat_购物车.购物车推荐_6_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-小米蓝牙耳机青春版+stat_购物车.购物车推荐_6_1_11', '', 'pcpid']);"> 小米蓝牙耳机青春版 
	        				</a> 
	        			</dd> 
	        			<dd class="xm-recommend-price">59元</dd> 
	        			<dd class="xm-recommend-tips">   7969人好评    
	        				<a href="" data-stat-gid="2163700009" data-stat-method="1_11" data-stat-index="6" data-stat-text="小米蓝牙耳机青春版" data-stat-addcart="加购" class="btn btn-small btn-line-primary J_xm-recommend-btn" data-stat-pid="stat_购物车加购.购物车推荐_6_1_11" data-stat-aid="小米蓝牙耳机青春版" data-stat-id="小米蓝牙耳机青春版+stat_购物车加购.购物车推荐_6_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-小米蓝牙耳机青春版+stat_购物车加购.购物车推荐_6_1_11', '', 'pcpid']);">加入购物车
	        				</a>  
	        			</dd> 
	        			<dd class="xm-recommend-notice">
	        			</dd> 
	        		</dl>  
	        	</li> 
	        	<li class="J_xm-recommend-list span4">  
	        		<dl> 
	        			<dt> 
	        				<a href=""> 
	        					<img src="{{asset('/Cate/t1skv_bcd_1rxrhcrk.jpg')}}" srcset="" alt="小米胶囊耳机"> 
	        				</a> 
	        			</dt> 
	        			<dd class="xm-recommend-name"> 
	        				<a href=""> 小米胶囊耳机 
	        				</a> 
	        			</dd> 
	        			<dd class="xm-recommend-price">69元
	        			</dd> 
	        			<dd class="xm-recommend-tips">   2.5万人好评    
		        			<a href="" data-stat-gid="2161800006" data-stat-method="1_11" data-stat-index="7" data-stat-text="小米胶囊耳机" data-stat-addcart="加购" class="btn btn-small btn-line-primary J_xm-recommend-btn" data-stat-pid="stat_购物车加购.购物车推荐_7_1_11" data-stat-aid="小米胶囊耳机" data-stat-id="小米胶囊耳机+stat_购物车加购.购物车推荐_7_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-小米胶囊耳机+stat_购物车加购.购物车推荐_7_1_11', '', 'pcpid']);" style="display: none;">加入购物车
		        			</a>  
	        			</dd> 
	        			<dd class="xm-recommend-notice">
	        			</dd> 
	        		</dl>  
	        	</li> 
	        	<li class="J_xm-recommend-list span4">  
	        		<dl> 
	        			<dt> 
	        				<a href="" data-stat-method="1_11" data-stat-index="8" data-stat-text="彩虹5号电池（10粒装）" target="_top" data-stat-pid="stat_购物车.购物车推荐_8_1_11" data-stat-aid="彩虹5号电池（10粒装）" data-stat-id="彩虹5号电池（10粒装）+stat_购物车.购物车推荐_8_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-彩虹5号电池（10粒装）+stat_购物车.购物车推荐_8_1_11', '', 'pcpid']);"> 
	        					<img src="{{asset('/Cate/t1xxvtbghv1rxrhcrk.jpg')}}" srcset="" alt="彩虹5号电池（10粒装）"> 
	        				</a> 
	        			</dt> 
	        			<dd class="xm-recommend-name"> 
	        				<a href="" data-stat-method="1_11" data-stat-index="8" data-stat-text="彩虹5号电池（10粒装）" target="_top" data-stat-pid="stat_购物车.购物车推荐_8_1_11" data-stat-aid="彩虹5号电池（10粒装）" data-stat-id="彩虹5号电池（10粒装）+stat_购物车.购物车推荐_8_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-彩虹5号电池（10粒装）+stat_购物车.购物车推荐_8_1_11', '', 'pcpid']);"> 彩虹5号电池（10粒装） 
	        				</a> 
	        			</dd> 
	        			<dd class="xm-recommend-price">9.9元
	        			</dd> 
	        			<dd class="xm-recommend-tips">   8.2万人好评    
	        				<a href="" data-stat-gid="2154300020" data-stat-method="1_11" data-stat-index="8" data-stat-text="彩虹5号电池（10粒装）" data-stat-addcart="加购" class="btn btn-small btn-line-primary J_xm-recommend-btn" data-stat-pid="stat_购物车加购.购物车推荐_8_1_11" data-stat-aid="彩虹5号电池（10粒装）" data-stat-id="彩虹5号电池（10粒装）+stat_购物车加购.购物车推荐_8_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-彩虹5号电池（10粒装）+stat_购物车加购.购物车推荐_8_1_11', '', 'pcpid']);">加入购物车
	        				</a>  
	        			</dd> 
	        			<dd class="xm-recommend-notice">
	        			</dd> 
	        		</dl>  
	        	</li> 
	        	<li class="J_xm-recommend-list span4">  
	        		<dl> 
	        			<dt> 
	        				<a href="" data-stat-method="1_11" data-stat-index="9" data-stat-text="小米圈铁耳机" target="_top" data-stat-pid="stat_购物车.购物车推荐_9_1_11" data-stat-aid="小米圈铁耳机" data-stat-id="小米圈铁耳机+stat_购物车.购物车推荐_9_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-小米圈铁耳机+stat_购物车.购物车推荐_9_1_11', '', 'pcpid']);"> 
	        					<img src="{{asset('/Cate/t1yck_bjyv1rxrhcrk.jpg')}}" srcset="" alt="小米圈铁耳机"> 
	        				</a> 
	        			</dt> 
	        			<dd class="xm-recommend-name"> 
	        				<a href="" data-stat-method="1_11" data-stat-index="9" data-stat-text="小米圈铁耳机" target="_top" data-stat-pid="stat_购物车.购物车推荐_9_1_11" data-stat-aid="小米圈铁耳机" data-stat-id="小米圈铁耳机+stat_购物车.购物车推荐_9_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-小米圈铁耳机+stat_购物车.购物车推荐_9_1_11', '', 'pcpid']);"> 小米圈铁耳机 
	        				</a> 
	        			</dd> 
	        			<dd class="xm-recommend-price">99元
	        			</dd> 
	        			<dd class="xm-recommend-tips">   2.9万人好评    
	        				<a href="" data-stat-gid="2161200010" data-stat-method="1_11" data-stat-index="9" data-stat-text="小米圈铁耳机" data-stat-addcart="加购" class="btn btn-small btn-line-primary J_xm-recommend-btn" data-stat-pid="stat_购物车加购.购物车推荐_9_1_11" data-stat-aid="小米圈铁耳机" data-stat-id="小米圈铁耳机+stat_购物车加购.购物车推荐_9_1_11" onclick="_msq.push(['trackEvent', '08fae3d5cb3abaaf-小米圈铁耳机+stat_购物车加购.购物车推荐_9_1_11', '', 'pcpid']);">加入购物车
	        				</a>  
	        			</dd> 
	        			<dd class="xm-recommend-notice">
	        			</dd> 
	        		</dl>  
	        	</li>
	        </ul>
	    </div>
	</div>

        <div class="cart-recommend" id="J_miHistoryBox"></div>
    </div>
</div>
@endsection


@section('js')
<script type="text/javascript">
    //csrf
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    
    // $(document).ready(function(){
    //     setInterval(function(){
    //         location.href=location.href;
    //     },100000);
    // });
    
    //去结算提交商品id及数量
    $('#goCheckout').click(function(){
        if($('form').find('input[name="goods_id[]"]').size()>0){
            $('form').submit();
        }
    })


    //购物车商品数量
    for(var i=0; i<$('.Add').size(); i++){
        //增加
        $('.Add').eq(i).click(function(){
            var num = parseInt($(this).parent().find('input[name="cart_num"]').val());
            num = num+1;
            //给商品数量赋值
            $(this).parent().find('input[name="cart_num"]').val(num);
            
            //获取商品id
            var goods_id = $(this).parent().find('input[name="goods_id"]').val();
           
            //发送ajax存入session
            //获取本次购物车遍历序数-1
            var i = $(this).parent().find('input[name="num"]').val();
            $.ajax({
                url:'{{asset("cart/num")}}',
                data:{i:i,cart_num:num,goods_id:goods_id,},
                type:'post',
                success:function(data){
                    location.href=location.href;
                },
                async:true
            });
        });
        $('.Del').eq(i).click(function(){
            //获取商品数量
            var num = parseInt($(this).parent().find('input[name="cart_num"]').val());
            num = num-1;
            if(num == 0){num=1;};
            //给商品数量赋值
            $(this).parent().find('input[name="cart_num"]').val(num);
            //获取本次购物车遍历序数-1
            var i = $(this).parent().find('input[name="num"]').val();
            var goods_id = $(this).parent().find('input[name="goods_id"]').val();
            //发送ajax存入session
            $.ajax({
                url:'{{asset("cart/num")}}',
                data:{i:i,cart_num:num,goods_id:goods_id},
                type:'post',
                success:function(data){
                    location.href=location.href;
                },
                async:true
            });
        })

        

        //选择商品
        $('.checkid').eq(i).click(function(){
            //获取商品id及数量
            var num = $(this).parent().find('input[name="cart_num"]').val();
            var goods_id = $(this).parent().find('input[name="goods_id"]').val();
            
            //若已经选择商品
            if ($(this).find('#goodsInfo').html().length>0) {
                //移出商品id  及 数量 
                $('form').find('input[name="goods_id[]"][value='+goods_id+']').eq(0).remove();
                $('form').find('input[name="cart_num[]"][value='+num+']').eq(0).remove();
                //取消勾号
                $(this).find('#goodsInfo').html('');
                //移除类 修改复选框颜色
                $(this).find('#goodsInfo').removeClass('icon-checkbox-selected');
            }else{
                //如果没有选择
                //设置商品id 和 数量的input框
                var inp1 = $('<input type="hidden" name="goods_id[]" value="'+goods_id+'" />');
                var inp2 = $('<input type="hidden" name="cart_num[]" value="'+num+'" />');
                //写入id 及数量
                $('form').append(inp1);
                $('form').append(inp2);
                //修改复选框
                $(this).find('#goodsInfo').html('√');
                $(this).find('#goodsInfo').addClass('icon-checkbox-selected');
            }
        })


        //购物车删除
        $('.clearcart').eq(i).click(function(){
           //获取本次购物车遍历序数
            var b = $(this).next().val();
            $.ajax({
                url:'{{asset("cart/clear")}}',
                data:{i:b},
                type:'post',
                success:function(data){
                    location.href=location.href;
                    
                },
                async:true
            });
        })
        
    };



     //全选
        $('.checkall').click(function(){
            //定义数组
            var num = new Array();
            var goods_id = new Array();
            //获取所有的商品id及数量
            for(var i=0; i<$('.Add').size(); i++){
                num[i] = $('.cnum').eq(i).find('input[name="cart_num"]').val();
                goods_id[i] = $('.cnum').eq(i).find('input[name="goods_id"]').val();
            }
            
            //若已经选择商品 全不选
            if($(this).find('#selectAll').html().length>0){
                //移除所有提交的商品
                for(var i in num){
                $('form').find('input[name="goods_id[]"][value='+goods_id[i]+']').remove();
                $('form').find('input[name="cart_num[]"][value='+num[i]+']').remove();

                //取消复选框样式
                
                    //移除全选样式
                    $(this).find('#selectAll').html('');
                    $(this).find('#selectAll').removeClass('icon-checkbox-selected');
                    //移除单个勾号
                    $('.checkid').eq(i).find('#goodsInfo').html('');
                    //移除其他的类 修改复选框颜色
                    $('.checkid').eq(i).find('#goodsInfo').removeClass('icon-checkbox-selected');
                }
            }else{
                //若没有全选商品
                //删除已添加的商品
                
                if($('form').find('input').size()>0){
                    for(var i in num){
                    $('form').find('input[name="goods_id[]"][value='+goods_id[i]+']').remove();
                    $('form').find('input[name="cart_num[]"][value='+num[i]+']').remove();
                    }
                 }
                 //遍历所有的商品数量数组
                    for(var i in num){
                    //创建商品id 和 数量的 input标签
                    var inp1 = $('<input type="hidden" name="goods_id[]" value="'+goods_id[i]+'" />');
                    var inp2 = $('<input type="hidden" name="cart_num[]" value="'+num[i]+'" />');
                    //写入id 及数量
                    $('form').append(inp1);
                    $('form').append(inp2);
                    //修改全选复选框
                    $(this).find('#selectAll').html('√');
                    $(this).find('#selectAll').addClass('icon-checkbox-selected');
                    //修改其他的复选框
                    $('.checkid').eq(i).find('#goodsInfo').html('√');
                    $('.checkid').eq(i).find('#goodsInfo').addClass('icon-checkbox-selected');
                }
            }
        })


    //购物车删除css
    $('.clearcart').mouseenter(function(){
        $(this).css('fontWeight','bolder');

    })

    //鼠标移入个人中心下拉css显示
    $('.user-name').mouseenter(function(){
        $(this).parent().find('.user-menu').css('display','block');
        //name颜色显示
        $(this).find('.name').css('color','#FF6700');
        $(this).find('.iconfont').css('color','#FF6700');
    })
    //鼠标移出用户name颜色显示
    $('.user-name').mouseleave(function(){
        //name颜色显示
        $(this).find('.name').css('color','#757575');
        $(this).find('.iconfont').css('color','#757575');
    })
    //个人中心下拉css隐藏
    $('.user').mouseleave(function(){
        $(this).find('.user-menu').css('display','none');
    })
    //个人中心颜色
    for(var i = 0;i<$('.user-menu li').length;i++){
        //移入各个标签颜色
        $('.user-menu li').eq(i).mouseenter(function(){
            $(this).find('a').css('color','#FF6700');
        })
        //鼠标移出时取消颜色
        $('.user-menu li').eq(i).mouseleave(function(){
            $(this).find('a').css('color','#757575');
        })
    };

    //鼠标移入我的订单变色
    $('.link').mouseenter(function(){
            $(this).css('color','#FF6700');
    });
    //鼠标移出我的订单变色
    $('.link').mouseleave(function(){
        $(this).css('color','#757575');
    });
</script>
@endsection
   
